<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">

    <title>合同管理</title>
    <link rel="shortcut icon" href="img/favicon.ico">

    <!-- global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/font-icon-style.css">
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">

    <!-- Core stylesheets -->
</head>

<body>
<!--====================================================
                        PAGE CONTENT
======================================================-->
<div class="content-inner form-cont">
    <div class="row">
        <div class="col-md-12">

            <!--***** BASIC FORM *****-->
            <div class="card form" id="form1">
                <div class="card-header">
                    <h3>合同查询</h3>
                </div>
                <br>
                <form>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-text-input" style="width: 85px;" class=" col-form-label">合同名称</label>
                                <div class="col-9">
                                    <input name="contractName" class="form-control" type="text" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label style="width: 85px;"  class=" col-form-label">合同类型</label>
                                <div class="col-9">
                                    <select class="form-control">
                                        <option value="">选择类型</option>
                                        <option value="">xx类</option>
                                        <option value="">bb类</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="example-datetime-local-input" style="width: 85px;" class=" col-form-label">创建日期</label>
                                <div class="col-9">
                                    <input name="createTime" class="form-control" type="date" value="yyyy-mm-dd">
                                </div>
                                <label for="example-datetime-local-input" style="width: 85px;" class=" col-form-label">至</label>
                                <div class="col-9">
                                    <input name="to" class="form-control" type="date" value="yyyy-mm-dd">
                                </div>
                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-general btn-blue mr-2" style="margin-left: 50px;margin-bottom: 20px; float: left;">查询</button>
                    <button type="reset" class="btn btn-general btn-white">重置</button>
                </form>
            </div>
        </div>
    </div>
    <div class="page-content d-flex align-items-stretch">
        <div class="content-inner chart-cont">
            <!--***** CONTENT *****-->
            <div class="row">
                <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#newContract">新增合同</button>
                <table class="table table-hover" >
                    <thead>
                    <tr class="bg-info text-white" >
                        <th>#</th>
                        <th>合同名称</th>
                        <th>合同类型</th>
                        <th>创建人</th>
                        <th>修改人</th>
                        <th style="text-align: center;">操作</th>
                    </tr>
                    </thead>
                    <tbody id="table-detail">
                    <tr >
                        <th scope="row">1</th>
                        <td>公司设立(核名)</td>
                        <td>xx类</td>
                        <td>刘</td>
                        <td>赵</td>
                        <td style="text-align: center;">
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a href="#">下载|</a>
                            <a href="#">删除|</a>
                            <a href="#" data-toggle="modal" data-target="#updateContract">修改</a>
                        </td>
                    </tr>
                    <tr >
                        <th scope="row">1</th>
                        <td>公司设立(核名)</td>
                        <td>xx类</td>
                        <td>刘</td>
                        <td>赵</td>
                        <td style="text-align: center;">
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a href="#">下载|</a>
                            <a href="#">删除|</a>
                            <a href="#" data-toggle="modal" data-target="#updateContract">修改</a>
                        </td>
                    </tr>
                    <tr >
                        <th scope="row">1</th>
                        <td>公司设立(核名)</td>
                        <td>xx类</td>
                        <td>刘</td>
                        <td>赵</td>
                        <td style="text-align: center;">
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a href="#">下载|</a>
                            <a href="#">删除|</a>
                            <a href="#" data-toggle="modal" data-target="#updateContract">修改</a>
                        </td>
                    </tr>
                    <tr >
                        <th scope="row">1</th>
                        <td>公司设立(核名)</td>
                        <td>xx类</td>
                        <td>刘</td>
                        <td>赵</td>
                        <td style="text-align: center;">
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a href="#">下载|</a>
                            <a href="#">删除|</a>
                            <a href="#" data-toggle="modal" data-target="#updateContract">修改</a>
                        </td>
                    </tr>
                    <tr >
                        <th scope="row">1</th>
                        <td>公司设立(核名)</td>
                        <td>xx类</td>
                        <td>刘</td>
                        <td>赵</td>
                        <td style="text-align: center;">
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a href="#">下载|</a>
                            <a href="#">删除|</a>
                            <a href="#" data-toggle="modal" data-target="#updateContract">修改</a>
                        </td>
                    </tr>
                    <tr >
                        <th scope="row">1</th>
                        <td>公司设立(核名)</td>
                        <td>xx类</td>
                        <td>刘</td>
                        <td>赵</td>
                        <td style="text-align: center;">
                            <a href="#" data-toggle="modal" data-target="#myModal">详情|</a>
                            <a href="#">下载|</a>
                            <a href="#">删除|</a>
                            <a href="#" data-toggle="modal" data-target="#updateContract">修改</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div  class="c-pages">
                    <div class="cp-item">
                        <span>共</span>
                        <span id="cp-count">0</span>
                        <span>条</span>
                    </div>
                    <div class="cp-item">
                        <span id="curr-page">1</span>
                        <span>/</span>
                        <span id="total-page">1</span>
                    </div>
                    <div class="cp-item">
                        <button id="home" class="btn btn-outline-primary">首页</button>
                        <button id="prev" class="btn btn-outline-primary">上页</button>
                        <input type="number" id="goToPage" />
                        <button id="goTo" class="btn btn-outline-primary">转到</button>
                        <button id="next" class="btn btn-outline-primary">下页</button>
                        <button id="last" class="btn btn-outline-primary">尾页</button>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    合同详情
                </h4>
            </div>
            <div class="modal-body">
                <div>
                    合同名称：公司设立（新设）
                </div>
                <div>
                    合同类型：公司服务
                </div>
                <div>
                    创建时间：aaaa年bb月cc日
                </div>
                <div>
                    更新时间：yyyy年mm月dd日
                </div>
                <div>
                    创建人：刘
                </div>
                <div>
                    修改人：赵
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 新增合同模态框（Modal） -->
<div class="modal fade" id="newContract" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    新增合同
                </h4>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">合同名称：</label>
                    <div class="col-9">
                        <input  class="form-control" type="text" value="">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">合同类型：</label>
                    <div class="col-9">
                        <input  class="form-control" type="text" value="">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">创建人：</label>
                    <div class="col-9">
                        <input  class="form-control" type="text" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">提交</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>
<!-- 修改合同模态框（Modal） -->
<div class="modal fade" id="updateContract" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    修改合同
                </h4>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">合同名称：</label>
                    <div class="col-9">
                        <input  class="form-control" type="text" value="">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">合同类型：</label>
                    <div class="col-9">
                        <input  class="form-control" type="text" value="">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-text-input" style="width: 85px;margin-left: 20px;" class=" col-form-label">创建人：</label>
                    <div class="col-9">
                        <input  class="form-control" type="text" value="">
                    </div>
                </div>
                <div class="form-group">
                    <label for="exampleInputFile" style="width: 85px;">上传合同</label>
                    <input type="file" class="form-control-file" aria-describedby="fileHelp">
                    <small id="fileHelp" class="form-text text-muted">上传修改后的合同</small>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">提交</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>
<!--Global Javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/popper/popper.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/chart.min.js"></script>
<script src="js/front.js"></script>
<script src="js/forpage.js"></script>
</body>

</html>